import React from "react";
import "./index.css";
import answerModel from "../../assets/imgs/answer-model.svg";
import chatModel from "../../assets/imgs/chat-model.svg";
import dayModel from "../../assets/imgs/day-model.svg";
import nightModel from "../../assets/imgs/night-model.svg";
interface Props {
  theme: string;
  changeDayStatus: () => void;
  clearData: () => void;
}

const ModelChange = ({ theme, changeDayStatus, clearData }: Props) => {
  return (
    <div className="icons">
      <img src={answerModel} alt="" />
      <img src={chatModel} className="pointer" alt="" onClick={clearData} />
      <img
        src={theme === "dark" ? nightModel : dayModel}
        alt=""
        className="pointer"
        onClick={changeDayStatus}
      />
    </div>
  );
};

export default ModelChange;
